<script setup lang="ts">
//1.导入
const props = defineProps<{
  name: string
  age?: number
  male: boolean
}>()
</script>

<template>
  <h2>我是子组件</h2>
  <p>{{ name }}</p>
  <p>{{ age }}</p>
  <p>{{ male }}</p>
</template>

<style scoped>
div {
  width: 200px;
  height: 200px;
  background-color: skyblue;
}
</style>
